<style>
    .right_head{
        border: 1px solid #c0c0c0;
        border-radius: 5px 5px 0 0;
        background: #F0F0F0;
        padding-left: 15px;
    }
    .right_main{
        border: 1px solid #c0c0c0;
        border-top: 0px;
        padding: 5px;
    }
    .right_body{
        margin-bottom: 20px;
    }
    h4{
        font: 700 16px/1em 微软雅黑;
        margin-top:10px;
    }

    .right_article_list p{
        border-bottom: 2px dotted #c0c0c0;
        padding: 3px 0;
    }

    .right_article_list p:last-child{
        border:none;

    }

    .right_article_list a{
        padding-left: 15px;
        color: #333;
        font: 700 14px/2em 微软雅黑;
    }
    .right_article_list a:hover{

        font: 700 14px/2em 微软雅黑;
    }
    .fade {opacity: 1;}

</style>

<aside class="col-md-3  hidden-xs hidden-sm" style="border-left:1px solid #c0c0c0;margin-left: 15px ">
    <div class="right_body">
        <div class="right_head"><h4>关于本站</h4></div>
        <div class="right_main">
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
        </div>
    </div>
    <div  class="right_body">
        <div class="right_head"><h4>网站概况</h4></div>
        <div class="right_main">
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
        </div>
    </div>
    <div  class="right_body">
        <div class="right_head"><h4>热评文章</h4></div>
        <div class="right_main">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#home" data-toggle="tab">人气</a></li>
                <li><a href="#ios" data-toggle="tab">热评</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active right_article_list" id="home">
                   {{-- @foreach($right_click as $list)
                    <p><a href="/article/{{$list->id}}" >{{mb_substr($list->title,0,12,'utf8')}}...</a></p>
                    @endforeach--}}
                </div>
                <div class="tab-pane fade right_article_list" id="ios">
                   {{-- @foreach($right_time as $list)
                    <p><a href="/article/{{$list->id}}" >{{mb_substr($list->title,0,12,'utf8')}}...</a></p>
                    @endforeach--}}
                </div>
            </div>
        </div>
    </div>
    <div  class="right_body">
        <div class="right_head"><h4>友情链接</h4></div>
        <div class="right_main">
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
            <p>正在建设中……</p>
        </div>
    </div>
    <a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=VWdhYGdgYmJlbBUkJHs2Ojg" style="text-decoration:none;"><img src="http://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_02.png"/></a>
</aside>